/* ------------------ INIT ------------------ */
@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
body {
	//background-color: #960030;
	background-image: url('bg.png');
	font-family: 'Cairo', sans-serif;
	direction: rtl;
}
.heading {
	background: #960030;
	color: #fff;
	height: 70px;
	line-height: 50px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
.parallax {
	min-height: 980px;
	padding: 20px 0;
	position: relative;
}
.parallax:after {
	content: '';
	background: url('faces.jpg')no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
}
.parallax .card {
	z-index: 999;
}
.parallax .card-header {
	background: #008f96;
	color: #fff;
	border: 0;
	font-size: 20px;
	padding: 20px;
	line-height: 40px;
}
.parallax .card-body {
	min-height: 300px;
}
.btn {
	padding: 15px 50px!important;
}
i {
	vertical-align: middle;
	padding: 0 10px;
}
.step {
	padding: 50px 0;
}
a,
a:hover
{
	color: inherit;
	text-decoration: none;
}
/* ------------------ INIT ------------------ */